﻿@model BeautyTech.WebSite.Areas.WebAdmin.Models.Blogs.BlogPostModel

@{
    ViewBag.Title = "Blog - Creation";
    Layout = "~/Areas/WebAdmin/Views/Shared/_AdminLayout.cshtml";
}

<h1>Blogs</h1>
<h3 class="heading glyphicons pencil"><i></i>&nbsp;Ajouter un nouveau blog @Html.ActionLink("(Revenir à la liste des blogs)", "Index")</h3>
<p class="separator text-center"><i class="icon-magic icon-3x"></i></p>

@Html.ValidationSummary(true)

<div class="innerLR">
    @using (Html.BeginForm("create","blog",FormMethod.Post,new { @class = "form-horizontal margin-none" }))
    {
        @Html.AntiForgeryToken()
        <div class="widget widget-tabs widget-tabs-double-2 widget-tabs-gray">

            <!-- Tabs Heading -->
            <div class="widget-head">
                <ul>
                    <li class="active"><a class="glyphicons circle_info" href="#tabAll" data-toggle="tab"><i></i><span>Informations</span></a>
                    </li>
                    <li class=""><a class="glyphicons user" href="#tabAccount" data-toggle="tab"><i></i><span>SEO</span></a>
                    </li>
                    <li class=""><a class="glyphicons credit_card" href="#tabPayments" data-toggle="tab"><i></i><span>Payments</span></a>
                    </li>
                    <li class=""><a class="glyphicons cogwheel" href="#tabSupport" data-toggle="tab"><i></i><span>Technical Support</span></a>
                    </li>
                    <li class=""><a class="glyphicons snowflake" href="#tabFeatures" data-toggle="tab"><i></i><span>Features</span></a>
                    </li>
                </ul>
            </div>
            <!-- // Tabs Heading END -->

            <div class="widget-body">
                <div class="tab-content">

                    <!-- Tab content -->
                    <div id="tabAll" class="tab-pane widget-body-regular active">
                        <h5>All topics tab content</h5>
                        <div class="row-fluid">
                            <div class="span6 offset2">
                                <!-- Group -->
                                <div class="control-group">
                                    @Html.LabelFor(model => model.Title, new { @class="control-label", @data_toggle="tooltip", @data_original_title="Titre du blog", @title="Placez ici le titre du blog (obligatoire)", @data_placement="left"})                                
                                    <div class="controls">
                                        @Html.TextBoxFor(model => model.Title, new { @class="span12" })
                                        @Html.ValidationMessageFor(model => model.Title)
                                    </div>
                                </div>
                                <!-- // Group END -->
                                
                                <!-- Group -->
		                        <div class="control-group">
			                        @Html.LabelFor(model => model.Intro, new { @class="control-label", @data_toggle="tooltip", @data_original_title="Introduction", @title="Texte d'introduction du blog (obligatoire)", @data_placement="left"})
			                        <div class="controls">
                                        @Html.TextAreaFor(model => model.Intro, new { @class="span12" })
			                        </div>
		                        </div>
		                        <!-- // Group END -->

                                <hr class="separator" />

                                <input type="hidden" id="select2_5" style="width: 100%;" value="brown,red,green" />

                                <!-- Group -->
                                <div class="control-group uniformjs">
                                    @Html.LabelFor(model => model.AllowComments, new { @class="control-label", @style="padding-top: 2px;", @data_toggle="tooltip", @data_original_title="Commentaires", @title="Indique si les commentaires sont autorisés", @data_placement="left"})
                                    <div class="controls">
                                        @Html.CheckBoxFor(model => model.AllowComments)
							        </div>
						        </div>
                                <!-- // Group END -->

                                <!-- Group -->
                                <div class="control-group uniformjs">
                                    @Html.LabelFor(model => model.Published, new { @class="control-label", @style="padding-top: 2px;", @data_toggle="tooltip", @data_original_title="Publication", @title="Indique si ce blog est publié ou non", @data_placement="left"})
                                    <div class="controls">
                                        @Html.CheckBoxFor(model => model.Published)
							        </div>
						        </div>
                                <!-- // Group END -->


                            </div>
                        </div>
                    </div>
                    <!-- // Tab content END -->

                    <!-- Tab content -->
                    <div id="tabAccount" class="tab-pane widget-body-regular">
                        <h5>Account tab content</h5>
                        <p>
                            2
                        </p>
                    </div>
                    <!-- // Tab content END -->

                    <!-- Tab content -->
                    <div id="tabPayments" class="tab-pane widget-body-regular">
                        <h5>Payments tab content</h5>
                        <p>
                            3
                        </p>
                    </div>
                    <!-- // Tab content END -->

                    <!-- Tab content -->
                    <div id="tabSupport" class="tab-pane widget-body-regular">
                        <h5>Support tab content</h5>
                        <p>
                            4
                        </p>
                    </div>
                    <!-- // Tab content END -->

                    <!-- Tab content -->
                    <div id="tabFeatures" class="tab-pane widget-body-regular">
                        <h5>Support tab content</h5>
                        <p>
                            5
                        </p>
                    </div>
                    <!-- // Tab content END -->


                </div>
            </div>


        </div>

        <p class="separator text-center"><i class="icon-ellipsis-horizontal icon-3x"></i></p>
        <div class="separator bottom"></div>
    }

</div>
